<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8" content="#">
    <title>销售订单页面</title>
    <!-- 引入CSS -->
    <link rel="stylesheet" type="text/css"
          href="/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="/easyui/css/demo.css">
    <!-- 引入JS -->
    <script type="text/javascript" src="/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/easyui/themes/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript"
            src="/easyui/js/validateExtends.js"></script>
    <script type="text/javascript" src="/common/js/common.js"></script>
    <script type="text/javascript"
            src="/common/js/order.js"></script>
    <script type="text/javascript" src="/common/js/status.js"></script>
    <script type="text/javascript">
        var login_name;
        //DOM加载完成后执行的回调函数
        $(function () {

            $("#add_saleName").textbox('textbox').css('backgroundColor', "#aaa");
            $("#add_saleOrderId").textbox('textbox').css('backgroundColor', "#aaa");
            $("#add_saleOrderRow").textbox('textbox').css('backgroundColor', "#aaa");
            $("#add_itemName").textbox('textbox').css('backgroundColor', "#aaa");
            $("#add_unit").textbox('textbox').css('backgroundColor', "#aaa");

            $("#update_saleName").textbox('textbox').css('backgroundColor', "#aaa");
            $("#update_itemName").textbox('textbox').css('backgroundColor', "#aaa");
            $("#update_unit").textbox('textbox').css('backgroundColor', "#aaa");
            $("#update_saleOrderId").textbox('textbox').css('backgroundColor', "#aaa");
            $("#update_saleOrderRow").textbox('textbox').css('backgroundColor', "#aaa");

            //页面刷新时，得到全部的销售组,不需要默认选中一行
            $.post("/sale-person/getSaleGroupResults", {selected: false}, function (data) {
                $('#search-saleGroup').combobox({
                    textField: 'content',
                    valueField: 'value',
                    panelHeight: 'auto',
                    data: data,
                })
            })

            //初始化日历控件
            $('#add_needTime').datebox({
                required: true,
                panelHeight: 'auto',
                formatter: function (date) {
                    var y = date.getFullYear();
                    var m = date.getMonth() + 1;
                    var d = date.getDate();
                    return y + '/' + m + '/' + d;
                },
                parser: function (s) {
                },
                editable: false
            });

            $('#update_needTime').datebox({
                required: true,
                panelHeight: 'auto',
                formatter: function (date) {
                    var y = date.getFullYear();
                    var m = date.getMonth() + 1;
                    var d = date.getDate();
                    return y + '/' + m + '/' + d;
                },
                parser: function (s) {
                },
                editable: false
            });

            $.post("/system/getUserName", function (data) {
                login_name = data;
            })
            var table;
            //初始化datagrid
            $('#dataList').datagrid({
                iconCls: 'icon-more',//图标
                border: true,
                collapsible: false,//是否可折叠
                fit: true,
                method: "post",
                url: "/sale-order/getSaleOrders?t" + new Date().getTime(),
                idField: 'id',
                singleSelect: false,//是否单选
                rownumbers: true,//行号
                pagination: true,//分页控件
                remoteSort: false,
                columns: [
                    [
                        {field: 'chk', checkbox: true, width: 50},
                        {field: 'id', title: 'ID', width: 50},
                        {
                            field: 'createTime', title: '下单时间', width: 165,
                            formatter: function (value, row, index) {
                                return transTime(value);
                            }
                        },
                        {
                            field: 'status', title: '订单状态', width: 90, sortable: true,
                            formatter: function (value, row, index) {
                                return getSaleOrderStatus(value);
                            }
                        },
                        {field: 'saleOrderId', title: '订单号', width: 125, sortable: true},
                        {field: 'saleOrderRow', title: '行号', width: 40, sortable: true},
                        {field: 'saleName', title: '销售员', width: 60},
                        {field: 'itemCode', title: '商品编码', width: 100, sortable: true},
                        {field: 'itemName', title: '商品描述', width: 150},
                        {field: 'needCnt', title: '需求量', width: 50},
                        {field: 'unit', title: '单位', width: 40},
                        {
                            field: 'needTime', title: '需求交期', width: 165, sortable: true,
                            formatter: function (value, row, index) {
                                return transTime(value);
                            }
                        },
                        {
                            field: 'planTime', title: '计划时间', width: 165, sortable: true,
                            formatter: function (value, row, index) {
                                return transTime(value);
                            }
                        },
                        {
                            field: 'remark', title: '备注', width: 150,
                        },
                        {field: 'clientCode', title: '客户编号', width: 100},
                        {
                            field: 'updateTime', title: '更新时间', width: 165,
                            formatter: function (value, row, index) {
                                return transTime(value);
                            }
                        }
                    ]
                ],
                toolbar: "#toolbar"//工具栏
            });

            //设置分页控件
            var p = $('#dataList').datagrid('getPager');
            $(p).pagination({
                pageSize: 10,//设置每页显示的记录条数,默认为10
                pageList: [10, 20, 30, 50, 100],//设置每页记录的条数
                beforePageText: '第',
                afterPageText: '页    共 {pages} 页',
                displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
            });

            //信息修改按钮事件
            $("#update").click(function () {
                var selectRows = $("#dataList").datagrid("getSelections");
                if (selectRows.length !== 1) {
                    $.messager.alert("消息提醒", "请单条选择想要修改的数据哟!", "warning");
                } else {
                    if (selectRows[0].status != 1) {
                        $.messager.alert("消息提醒", getSaleOrderStatus(selectRows[0].status) + ",无法修改!", "warning");
                        return false;
                    }
                    $("#updateDialog").dialog("open");
                }
            });
            //设置编辑销售信息窗口
            $("#updateDialog").dialog({
                title: "修改订单信息窗口",
                width: 700,
                height: 500,
                iconCls: "icon-house",
                modal: true,
                collapsible: false,
                minimizable: false,
                maximizable: false,
                draggable: true,
                closed: true,
                buttons: [
                    {
                        text: '提交',
                        plain: true,
                        iconCls: 'icon-update',
                        handler: function () {
                            var validate = $("#updateForm").form("validate");
                            if (!validate) {
                                $.messager.alert("消息提醒", "请检查你输入的数据哟!", "warning");
                            } else {
                                var data = $("#updateForm").serialize();//序列化表单信息
                                $.ajax({
                                    type: "post",
                                    url: "/sale-order/updateSaleOrder?t=" + new Date().getTime(),
                                    data: data,
                                    dataType: 'json',
                                    success: function (data) {
                                        if (data.success) {
                                            //关闭窗口
                                            $("#updateDialog").dialog("close");
                                            //重新刷新页面数据
                                            $('#dataList').datagrid("reload");
                                            $('#dataList').datagrid("uncheckAll");
                                            //用户提示
                                            $.messager.alert("消息提醒", "修改成功啦!", "info");
                                        } else {
                                            $.messager.alert("消息提醒", data.msg, "warning");
                                        }
                                    }
                                });
                            }
                        }
                    }, {
                        text: '关闭',
                        plain: true,
                        iconCls: 'icon-error',
                        handler: function () {
                            $("#updateDialog").dialog("close");//关闭添加窗口
                        }
                    }
                ],
                //打开窗口前先初始化表单数据(表单回显)
                onBeforeOpen: function () {
                    var selectRow = $("#dataList").datagrid("getSelected");
                    $("#update_id").val(selectRow.id);//初始化id值,需根据id更新采购员信息
                    $("#update_saleName").textbox('setValue', "" + selectRow.saleName);
                    $("#update_status").textbox('setValue', selectRow.status);
                    $("#update_saleOrderId").textbox('setValue', selectRow.saleOrderId);
                    $("#update_saleOrderRow").textbox('setValue', selectRow.saleOrderRow);
                    $("#update_itemCode").textbox('setValue', selectRow.itemCode);
                    $("#update_itemName").textbox('setValue', selectRow.itemName);
                    $("#update_needCnt").textbox('setValue', selectRow.needCnt);
                    $("#update_unit").textbox('setValue', selectRow.unit);
                    var needTime = transTimeJava(selectRow.needTime);
                    $("#update_needTime").textbox('setValue', needTime);
                    $("#update_remark").textbox('setValue', selectRow.remark);
                    $("#update_clientCode").textbox('setValue', selectRow.clientCode);
                }
            });


            //信息追加按钮事件
            $("#appendOrder").click(function () {
                var selectRows = $("#dataList").datagrid("getSelections");
                if (selectRows.length !== 1) {
                    $.messager.alert("消息提醒", "请单条选择数据哟!", "warning");
                } else {
                    if (selectRows[0].status != 1) {
                        $.messager.alert("消息提醒", getSaleOrderStatus(selectRows[0].status) + ",无法修改!", "warning");
                        return false;
                    }
                    $("#addTable").form("clear");//清空表单数据
                    $("#addDialog").dialog("open");
                    $("#add_saleOrderId").textbox('setValue', selectRows[0].saleOrderId);
                    //返回订单最大行号
                    $.post("/sale-order/getSaleOrderMaxRow", {saleOrderId: selectRows[0].saleOrderId}, function (data) {
                        $('#add_saleOrderRow').textbox('setValue', data);
                    })
                    $("#add_clientCode").textbox('setValue', selectRows[0].clientCode);
                    $("#add_clientCode").textbox({
                        readonly: true
                    });
                    $("#add_saleName").textbox('setValue', selectRows[0].saleName);
                }
            });

            //信息关闭按钮事件
            $("#close").click(function () {
                var selectRows = $("#dataList").datagrid("getSelections");//返回所有选中的行,当没有选中的记录时,将返回空数组
                var selectLength = selectRows.length;
                if (selectLength === 0) {
                    $.messager.alert("消息提醒", "请选择想要关闭的数据哟!", "warning");
                } else {
                    var ids = [];
                    var flag = true;
                    $(selectRows).each(function (i, row) {
                        ids[i] = row.id;//将预关闭行的id存储到数组中
                        if (!(row.status == 8 || row.status == 1)) {
                            $.messager.alert("消息提醒", getSaleOrderStatus(row.status) + ",无法关闭!", "warning");
                            flag = false;
                        }
                    });
                    if (!flag) {
                        return false;
                    }
                    $.messager.confirm("消息提醒", "关闭后将无法恢复该销售的信息! 确定继续?", function (r) {
                        if (r) {
                            $.ajax({
                                type: "post",
                                url: "/sale-order/closeSaleOrders?t" + new Date().getTime(),
                                data: {ids: ids},
                                dataType: 'json',
                                success: function (data) {
                                    if (data.success) {
                                        $.messager.alert("消息提醒", "关闭成功啦!", "info");
                                        $("#dataList").datagrid("reload");//刷新表格
                                        $("#dataList").datagrid("uncheckAll");//取消勾选当前页所有的行
                                    } else {
                                        $.messager.alert("消息提醒", "服务器端发生异常! 关闭失败!", "warning");
                                    }
                                }
                            });
                        }
                    });
                }
            });

            //信息添加按钮事件
            $("#add").click(function () {
                table = $("#addTable");
                $("#addTable").form("clear");//清空表单数据
                $("#add_saleName").textbox('setValue', "" + login_name);
                $.post("/sale-person/getSalePersonBySaleName", {saleName: login_name}, function (data) {
                    var group = data.saleGroup;
                    if (data.saleGroup.length < 2) {
                        group = "0" + data.saleGroup;
                    }
                    var saleOrderid = "1" + getOrderTime() + group + "01";
                    $.post("/sale-order/getSaleOrderMaxId", {saleOrderId: saleOrderid}, function (data) {
                        if (data != null) {
                            $("#add_saleOrderId").textbox('setValue', data.toString());
                            $("#addDialog").dialog("open");//打开添加窗口
                        } else {
                            $.messager.alert("消息提醒", "获取最大订单id失败!", "warning");
                        }
                    })

                })
                $("#add_saleOrderRow").textbox('setValue', "10");
                $("#add_clientCode").textbox({
                    readonly: false
                });
            });
            //设置添加销售信息窗口
            $("#addDialog").dialog({
                title: "添加销售订单信息窗口",
                width: 700,
                height: 450,
                iconCls: "icon-house",
                modal: true,
                collapsible: false,
                minimizable: false,
                maximizable: false,
                draggable: true,
                closed: true,
                buttons: [
                    {
                        text: '添加',
                        plain: true,
                        iconCls: 'icon-add',
                        handler: function () {
                            var validate = $("#addForm").form("validate");
                            var validate = true;
                            if (!validate) {
                                $.messager.alert("消息提醒", "请检查你输入的数据哟!", "warning");
                            } else {
                                var data = $("#addForm").serialize();//序列化表单信息
                                $.ajax({
                                    type: "post",
                                    url: "/sale-order/addSaleOrder?t" + new Date().getTime(),
                                    data: data,
                                    dataType: 'json',
                                    success: function (data) {
                                        if (data.success) {
                                            $("#addDialog").dialog("close"); //关闭窗口
                                            $('#dataList').datagrid("reload");//重新刷新页面数据
                                            $.messager.alert("消息提醒", "添加成功啦!", "info");
                                        } else {
                                            $.messager.alert("消息提醒", data.msg, "warning");
                                        }
                                    }
                                });
                            }
                        }
                    }, {
                        text: '关闭',
                        plain: true,
                        iconCls: 'icon-error',
                        handler: function () {
                            $("#addDialog").dialog("close");//关闭添加窗口
                        }
                    }
                ]
            });


            //供应链确认
            $("#plan_confirm").click(function () {
                var selectRows = $("#dataList").datagrid("getSelections");
                if (selectRows.length !== 1) {
                    $.messager.alert("消息提醒", "请单条选择想要确认的数据哟!", "warning");
                } else {
                    if (selectRows[0].status == 1) {
                        var id = selectRows[0].id;
                        $.post("/sale-order/planConfirmSaleOrder", {id: id, status: 4}, function (data) {
                            if (data.success) {
                                $.messager.alert("消息提醒", "交给供应链确认!", "info");
                                $("#dataList").datagrid("uncheckAll");//取消勾选当前页所有的行
                                $("#dataList").datagrid("reload");//刷新表格
                            } else {
                                $.messager.alert("消息提醒", "服务器端发生异常! 关闭失败!", "warning");
                            }
                        })
                    } else if (selectRows[0].status == 4) {
                        $.messager.alert("消息提醒", "供应链正在确认", "warning");
                    } else if (selectRows[0].status == 5) {
                        $.messager.alert("消息提醒", "生产中", "warning");
                    } else {
                        $.messager.alert("消息提醒", "操作失败", "warning");
                    }
                }
            });

            $("#add_itemInfo").click(function () {
                var code = $("#add_itemCode").textbox('getValue');
                if (code == "") {
                    $.messager.alert("消息提醒", "请填写商品编码", "warning");
                    return false;
                }
                $.post("/sale-item/getSaleItemByItemCode", {itemCode: code}, function (data) {
                    if (data != null) {
                        if (data.status != 3) {
                            $.messager.alert("消息提醒", code + "商品技术还未确认无法下单", "warning");
                            return false;
                        }
                        $("#add_itemName").textbox('setValue', data.itemName);
                        $("#add_unit").textbox('setValue', data.unit);
                        $("#add_needCnt").textbox('setValue', 1);
                    } else {
                        $.messager.alert("消息提醒", code + "商品不存在", "warning");
                    }
                })
            })

            $("#update_itemInfo").click(function () {
                var code = $("#update_itemInfo").textbox('getValue');
                if (code == "") {
                    $.messager.alert("消息提醒", "请填写商品编码", "warning");
                    return false;
                }
                $.post("/sale-item/getSaleItemByItemCode", {itemCode: code}, function (data) {
                    if (data != null) {
                        $("#update_itemName").textbox('setValue', data.itemName);
                        $("#update_unit").textbox('setValue', data.unit);
                    } else {
                        $.messager.alert("消息提醒", code + "商品不存在", "warning");
                    }
                })
            })

            //销售组名和销售名搜索按钮的监听事件(将其值返回给Controller)
            $("#search-btn").click(function () {
                $('#dataList').datagrid('load', {
                    saleName: $('#search-saleName').textbox('getValue'),//获取销售名称
                    saleOrderId: $('#search-saleOrderId').textbox('getValue'),//获取销售订单Id
                    itemName: $('#search-itemName').textbox('getValue'),//获取商品名称
                });
            });
        })
        ;
    </script>
</head>
<body>

<!-- 销售列表信息 -->
<table id="dataList" cellspacing="0" cellpadding="0"></table>

<div id="toolbar">
    <!-- 学生,班级名搜索域 -->
    <div style="margin-left: 10px;">
        <div style="float: left;"><a id="add" href="javascript:" class="easyui-linkbutton"
                                     data-options="iconCls:'icon-add',plain:true">添加新订单</a></div>
        <div style="float: left;" class="datagrid-btn-separator"></div>

        <div style="float: left;"><a id="appendOrder" href="javascript:" class="easyui-linkbutton"
                                     data-options="iconCls:'icon-add',plain:true">追加订单</a></div>
        <div style="float: left;" class="datagrid-btn-separator"></div>

        <div style="float: left;"><a id="update" href="javascript:" class="easyui-linkbutton"
                                     data-options="iconCls:'icon-add',plain:true">修改订单</a></div>
        <div style="float: left;" class="datagrid-btn-separator"></div>

        <div style="float: left;"><a id="close" href="javascript:" class="easyui-linkbutton"
                                     data-options="iconCls:'icon-add',plain:true">手动关闭订单</a></div>
        <div style="float: left;" class="datagrid-btn-separator"></div>

        <div style="float: left;"><a id="plan_confirm" href="javascript:" class="easyui-linkbutton"
                                     data-options="iconCls:'icon-add',plain:true">供应链确认</a></div>
        <div style="float: left;" class="datagrid-btn-separator"></div>

        <!-- 商品名称搜索框 -->
        <a href="javascript:" class="easyui-linkbutton"
           data-options="iconCls:'icon-user-student',plain:true">销售名称</a>
        <input id="search-saleName" class="easyui-textbox" style="width: 100px"/>

        <a href="javascript:" class="easyui-linkbutton"
           data-options="iconCls:'icon-user-student',plain:true">订单编号</a>
        <input id="search-saleOrderId" class="easyui-textbox"/>

        <a href="javascript:" class="easyui-linkbutton"
           data-options="iconCls:'icon-user-student',plain:true">商品名称</a>
        <input id="search-itemName" class="easyui-textbox"/>

        <!-- 搜索按钮 -->
        <a id="search-btn" href="javascript:" class="easyui-linkbutton"
           data-options="iconCls:'icon-search',plain:true">搜索</a>
    </div>

</div>
<!--添加商品-->
<div id="addDialog" style="padding: 15px 0 0 55px;">
    <form id="addForm" method="post" action="#">
        <table id="addTable" style="border-collapse:separate; border-spacing:0 3px;" cellpadding="6">

            <tr>
                <td>销售员</td>
                <td colspan="1">
                    <input id="add_saleName" style="width: 200px; height: 30px;background-color: red"
                           class="easyui-textbox"
                           name="saleName" data-options="readonly:true"/>
                    </input>
                </td>
                <td>客户编号</td>
                <td colspan="1">
                    <input id="add_clientCode" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="clientCode" data-options="required:true, missingMessage:'请填写客户编码哟~'"/>
                </td>
            </tr>

            <tr>
                <td>订单编号</td>
                <td colspan="1">
                    <input id="add_saleOrderId" style="width: 200px; height: 30px;background-color: red"
                           class="easyui-textbox"
                           name="saleOrderId" data-options="readonly:true"/>
                    </input>
                </td>
                <td>行号</td>
                <td colspan="1">
                    <input id="add_saleOrderRow" style="width: 200px; height: 30px;background-color: red"
                           class="easyui-textbox"
                           name="saleOrderRow" data-options="readonly:true"/>
                    </input>
                </td>
            </tr>

            <tr>
                <td>商品编号</td>
                <td colspan="1">
                    <input id="add_itemCode" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="itemCode"
                           data-options="required:true, missingMessage:'请填写商品编号哟~'"/>
                    </input>
                </td>
                <td><a id="add_itemInfo" href="javascript:" class="easyui-linkbutton"
                       data-options="iconCls:'icon-search',plain:true">搜索</a></td>
            </tr>

            <tr>
                <td>商品名称</td>
                <td colspan="1">
                    <input id="add_itemName" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="itemName" data-options="readonly:true,required:true, missingMessage:'请填写商品名称哟~'"/>
                </td>
                <td>单位</td>
                <td colspan="1">
                    <input id="add_unit" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="unit" data-options="readonly:true,required:true, missingMessage:'请填写单位哟~'"/>
                </td>
            </tr>

            <tr>
                <td>需求数量</td>
                <td colspan="1">
                    <input id="add_needCnt" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="needCnt" data-options="required:true, missingMessage:'请填写需求数量哟~'"/>
                </td>
                <td>需求时间</td>
                <td>
                    <input id="add_needTime" style="width: 200px; height: 30px;" type="text"
                           name="needTime" data-options="required:true,missingMessage:'请填写需求时间哟~'"/>
                </td>
            </tr>

            <tr>
                <td>备注</td>
                <td colspan="3"><input id="add_remark" style="width: 500px; height: 100px;" class="easyui-textbox"
                                       type="text"
                                       name="remark" data-options="multiline:true"/>
                </td>
            </tr>

        </table>
    </form>
</div>
<!--更新商品-->
<div id="updateDialog" style="padding: 20px 0 0 65px">
    <!-- 学生信息表单 -->
    <form id="updateForm" method="post" action="#">
        <!-- 获取被修改信息的学生id -->
        <input type="hidden" id="update_id" name="id"/>
        <table id="updateTable" style="border-collapse:separate; border-spacing:0 3px;" cellpadding="6">
            <tr>
                <td>销售员</td>
                <td>
                    <input id="update_saleName" style="width: 200px; height: 30px;" class="easyui-textbox"
                           data-options="readonly:true"/>
                    </input>
                </td>
                <td>客户编号</td>
                <td>
                    <input id="update_clientCode" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="clientCode" data-options="required:true, missingMessage:'请填写客户编码哟~'"/>
                    修改 <input type="checkbox" name="selected" value="true">
                </td>
            </tr>

            <tr>
                <td>订单编号</td>
                <td>
                    <input id="update_saleOrderId" style="width: 200px; height: 30px;" class="easyui-textbox"
                           data-options="readonly:true" name="saleOrderId"/>
                    </input>
                </td>
                <td>行号</td>
                <td>
                    <input id="update_saleOrderRow" style="width: 200px; height: 30px;" class="easyui-textbox"
                           data-options="readonly:true"/>
                    </input>
                </td>
            </tr>

            <tr>
                <td>商品编号</td>
                <td >
                    <input id="update_itemCode" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="itemCode" data-options="required:true, missingMessage:'请填写商品编号哟~'"/>
                    </input>
                </td>
                <td><a id="update_itemInfo" href="javascript:" class="easyui-linkbutton"
                       data-options="iconCls:'icon-search',plain:true">搜索</a></td>

            </tr>

            <tr>
                <td>商品名称</td>
                <td>
                    <input id="update_itemName" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="itemName" data-options="readonly:true,required:true, missingMessage:'请填写商品名称哟~'"/>
                </td>
                <td>单位</td>
                <td>
                    <input id="update_unit" style="width: 200px; height: 30px;" class="easyui-textbox"
                           data-options="readonly:true"/>
                </td>

            </tr>

            <tr>
                <td>需求数量</td>
                <td>
                    <input id="update_needCnt" style="width: 200px; height: 30px;" class="easyui-textbox"
                           name="needCnt" data-options="required:true, missingMessage:'请填写需求数量哟~'"/>
                </td>
                <td>需求时间</td>
                <td><input id="update_needTime" style="width: 200px; height: 30px;"
                                       class="easyui-textbox"
                                       type="text" name="needTime"
                                       data-options="required:true"/>
                </td>
            </tr>


            <tr>
                <td>备注</td>
                <td colspan="3"><input id="update_remark" style="width: 500px; height: 100px;" class="easyui-textbox"
                                       type="text"
                                       name="remark" data-options="multiline:true"/>
                </td>
            </tr>

        </table>
    </form>
</div>

</body>
</html>